import { footerList } from "../../router/pages"
import { NavLink, useLocation } from 'react-router-dom'
import './style.css'

const Footer = () => {
    const location = useLocation()

    console.log(location)
    return <div className="footer-box">
        {
            footerList.map((item, idx) => {
                return <NavLink key={idx} to={item.path}>
                    {item.icon}
                    <span>{item.name}</span>
                </NavLink>
            })
        }
    </div>

}

export default Footer